<template>
  <div class="top-item clearfix" >
    <div  v-for="(item,index) in data" 
      :key="item.label" 
      class="show-item">
        <ul>
          <li>{{item.label}}</li>
        </ul>
        <p>
          <template v-if="item.unit && item.unit==='元'">
            <span>{{item.value | formatMoney}}</span>
          </template>              
          <template v-else>
            <span>{{item.value}}</span>人
          </template>   
        </p>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    data: {
      type: Array
    }
  }
}

</script>
<style lang="scss" scoped>

@import '~styles/sale.scss';
.top-item .show-item:nth-child(3n){
  margin-right: 0!important;
}
</style>
